<template>
	<el-card shadow="hover" style="margin: 15px 0px; padding: 0px;">
		<div class="about" style="height: 300px; text-align: center;">
			<div class="logo">
				<img src="img/logo.png" style="border-radius: 10px;">
				<h2>欢迎使用 JPortal</h2>
			</div>
			<div class="tips">
				基于低代码引擎技术构建 <br/>智能表单引擎 工作流审批引擎 <br/>消息通知引擎 日志审核引擎 <br/>数据开放接口 兼容达梦数据库<br/>三分钟设计开发 五分钟部署上线
			</div>
		</div>
	</el-card>
</template>

<script>
	export default {
		title: "关于",
		icon: "el-icon-present",
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.about { padding-top: 15px;}
	.about .logo {text-align: center;}
	.about .logo img {vertical-align: bottom;width: 90px;height: 90px;margin-bottom: 20px;}
	.about .logo h2 {font-size: 24px;font-weight: normal;display: flex;align-items: center;justify-content: center;}

	.tips {margin-top: 10px; font-size: 15px; line-height: 180%;}
	.tips-item {display: flex;align-items: center;justify-content: center;padding:7.5px 0;}
	.tips-item-icon {width: 40px;height:40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 18px;margin-right: 20px;color: var(--el-color-primary);background: rgba(180,180,180,0.1);}
	.tips-item-message {flex: 1;font-size: 14px;}

	.actions {text-align: center;margin: 40px 0 20px 0;}
</style>
